#img-upload{display: none;}
.personal{
	.person{
		display: none;
	}
	.list{
		margin:0 0 40px 0;
		.sub-menu{
			margin: 0 0 30px 0;
			text-align: center;
			li{
				display: inline-block;
				width: 100px;
				height: 32px;
				border-radius: 18px;
				border: 1px solid #E4E4E4;
				line-height: 32px;
				margin: 0 20px 0 0;
				cursor:pointer;
				font-size: 12px;
				&.current{
					background: #177FE9;
					color:#fff;
				}
				&:last-child{
					margin:0;
				}
			}
		}
	}
	.avatar{
		width: 98px;
		height: 98px;
		margin:75px auto 30px auto;
		position: relative;
		img{
			width: 98px;
			height: 98px;
			border-radius: 50%;
		}
		i{
			width: 98px;
			height: 98px;
			border-radius: 50%;
			display: inline-block;
			background: rgba(0, 0, 0, 0.4) url("../images/personal/ic_1@2x.png") center center no-repeat;
			background-size: 36px 31px;
			position: absolute;
			top:0;
			left:0;
			cursor: pointer;
		}
		input{
			display: none;
		}
	}
	.profile{	
		.avatar{
			display: none;
		}	
		.label{
			width: 78px;
			height: 16px;
			font-size: 14px;
			line-height: 16px;
			margin:0 0 12px 0;
		}
		.name{
			margin:0 0 30px 0;
			input{
				width: 327px;
				height: 32px;
				background: #FFFFFF;
				border-radius: 18px;
				border: 1px solid #E4E4E4;
				line-height: 32px;
				padding:0 12px;
			    box-shadow: inset 0 0 0 1000px #fff;				
			}
		}
		.blo{
			margin: 0 0 70px 0;
			textarea{
				padding:8px 12px;
				color: #000000;
				line-height: 20px;
				font-size: 14px;
				width:327px;
				height: 207px;
				background: #FBFBFB;
				border-radius: 4px;
				margin:0 0 12px 0;
				border: none;
				resize:none;
				display: block;
				outline:none;
			}
			.tip{
				font-size: 12px;
				color: #999999;
				line-height: 14px;
				text-align: right;
			}
		}
		.save{
			
			background: #177FE9;
			border-radius: 23px;
			border: 1px solid #177FE9;
			text-align: center;
			height: 42px;
			input{
				font-size: 16px;
				font-family: Roboto-Medium, Roboto;
				font-weight: 500;
				color: #FFFFFF;		
				background: transparent;		
				cursor: pointer;
				width: 327px;
				line-height: 42px;
				display: block;
			}
		}
	}
	.account{
		.banner{
			font-size: 14px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			color: #121212;
			line-height: 16px;
			margin:0 0 20px 0;
		}
		.label{
			font-size: 14px;
			line-height: 16px;
			margin: 0 0 12px 0;
		}
		.email{
			margin:0 0 20px 0;
			input{
				width: 327px;
				height: 32px;
				background: #FFFFFF;
				border-radius: 18px;
				border: 1px solid #E4E4E4;
				line-height: 32px;
				color: #666666;
				padding:0 12px;
			    box-shadow: inset 0 0 0 1000px #fff;				
			}
		}
		.password{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 0 30px 0;
			.pas{
				position: relative;
				input{
					width: 187px;
					height: 32px;
					background: #FFFFFF;
					border-radius: 18px;
					border: 1px solid #E4E4E4;
					line-height: 32px;
					padding:0 12px;
			    	box-shadow: inset 0 0 0 1000px #fff;		
			    	display: block;		
				}
				i{
					display: none;
				}
	/*			.see{
					background-image: url("../images/personal/ic_2@2x.png");
				}
				.no-see{
					background-image: url("../images/personal/ic_2@2x.png");
				}*/
			}
			input[type="button"]{
				background: transparent;
				border:none;
				line-height: 32px;				
				color: #177FE9;
				font-size: 14px;
			}
		}
		.connect-list{
			margin:0 0 75px 0;
			li{
				margin:0 0 16px 0;
				padding: 0 0 16px 0;
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-bottom: 1px solid #E4E4E4;
				&:last-child{
					margin:0;
					padding:0;
					border: none;
					.right-content .connect{
						border:1px solid #235B9E;
						input[type="button"]{
							background: #235B9E;
						}
					} 
				}
			}
			.left-content{
				.title{
					font-size: 14px;
					color: #666666;
					line-height: 16px;
				}
				p{
					display: none;
				}
			}
			.right-content{
				.connect{
					width: 147px;
					height: 30px;
					border-radius: 15px;
					border:1px solid #177FE9;
					display: flex;
					overflow:hidden;
					justify-content: space-between;
					align-items: center;
					span{
						width: 26px;
						height: 30px;
					}
					.img-facebook{
						background: url("../images/popWindow/facebook@2x.png") no-repeat center /9.3px 16px;
					}
					.img-google{
						background: url("../images/popWindow/google@2x.png") no-repeat center /16px 16px;
					}
					input[type="button"]{
						flex:1;
						height: 30px;
						font-size: 12px;
						background: #177FE9;
						border-radius:0 15px 15px 0;
						text-align: center;
						line-height: 30px;
						color:#fff;
						display: block;
					}
				}
				.disconnect{
					text-align: right;
					p{
						font-size: 16px;
						line-height: 25px;
						color:#666;
					}
					a{
						font-size: 14px;
						color:#177FE9;
					}
				}
			}
		}
		.logout{ 
			height: 42px;
			input{
				width: 327px;
				height: 42px;
				display: block;
				border-radius: 23px;
				border: 1px solid #177FE9;
				font-size: 16px;
				font-family: Roboto-Medium, Roboto;			
				color: #177FE9;
				font-weight: 500;
				line-height: 42px;
				text-align: center;
				background:transparent;
			}
		}
	}
}

@media screen and (max-width: 374px){
	.personal .account .connect-list .right-content .connect{
		width: 160px;
	}
}